<template>
    <div>
        <h2 class="title">{{title}}</h2>
        <div class="view">
            <router-link to="/home">home</router-link>
            <router-link to="/about">about</router-link>
        </div>
        <router-view></router-view>
    </div>
</template>

<script>
export default {
    data() {
        return {
            title: 'Webpack and Vue'
        }
    },
    components: {}
}
</script>

<style scoped lang="less">
    .title {
        color: aqua;
        text-align: center;
        background-color: #333;
        padding: 20px;
    }
    .view {
        text-align: center;
    }
</style>